<!-- <!DOCTYPE html>
<html>
    <head>
        <h1>
            wowo
        </h1>
    </head>
    <body>
        <h1> 这时一个后
           打开一张图片 
            <img src = "c:\Users\15328\OneDrive\图片\屏幕快照\屏幕截图 2024-09-22 185822.png"
            alt = "这时一张图片">
        </h1>
    </body>
</html> -->



<!-- arr 1 1 0
5 -> 2...1 -> 1...1-> 0 ... 0
a = 
while(a != 0){
int val = a % 2
a = a /2
1 / 2 = 0...1  
}
 2^3 = a 
 a^1 = 1
 1 2 3 
010 1
001 2
011 3
a 1
b 1
A ^ B = 0 yes
no
1 2
3
011 3

 for(){
    
 }  
 0 1  
 1 1

 1 0
-->

<!doctype html> <!-- 表示为html5文件-->
<html lang = 'en'> <!--  表示语言为英语 -->
    <head> 
        <meta charset = "UTF-8"> <!-- 表示字符编码方式是UTF-8-->
        <!--viewport 表示显示页面的区域  宽度和设备宽度等宽，初始无缩放-->
        <meta name = "viewport" content = "width=device-width,initial-scale= 1.0">
        <title>Document</title> <!--页面标题-->
    </head>

    <body>
        br换行标签<br/>
        hh<br/>
        br换行标签<br/>
    </body>

    <body>
        <!-- img标签 打开图片 src 图片路径 使用相对路径更灵活 
         相对路径是html文件所在的位置 下一级 / 上一级../
        width 图片宽度 height 高度 border 边框 alt 当图片无法显示的时候显示的描述
        px单位像素
        -->
        <img src= './sum.jpg' width="500px" height="600px" border="0px" alt = "图片"><br/>
    </body>
    <body>
        <!--超链接-->
        <a href = "https://fanyi.baidu.com" >百度</a><!--原地跳转-->
        <a href = "https://fanyi.baidu.com" target="_blank">百度</a><!--创建新页面跳转-->
        <a href = "./sum.jpg" target=" hhhh"> 照片</a>
    </body>

    <br/>
    <br/>
    <body>
        <!--表格标签-->
        <!--align 是表格周围的对齐方式 boder表示边框的大小 cellpadding表示内容距离边框的位置
         cellspacing表示单元格之间的距离 width表示边框的宽度 height表示边框的高度-->
        <!-- <table align="" boder="20px" cellpadding="2" cellspacing="20" width="200px" heiht="200px"> -->
        <table style="width: 500px; height: 400px;color: aqua;" border="10px"
            cellspacing="20" cellpadding = "50">                                                                            
            <tr><!-- 表示表格的一行-->
                <td >hh</td><!--表示的是一列-->
                <td >ww</td>
                
            </tr>
            <tr> 
                <td rowspan="23"> hali</td> <!--表示向下包含多少行-->
                <td colspan="3">woo</td> <!-- colspan 是这个单元格包含多少列-->
            </tr>
            <tr>
                <td>ee</td>
                <td>ee</td>
                <td>ee</td>
            </tr>
        </table>
        <br/>
        <br/>
        <form action = "text.html"> <!--输入数据的标签 将数据的数据给到text.html-->
            <!--各种输入控件-->
            这是一个文本输入框<input type = "text" size = 100> <br/>
            这时一个密码输入框<input type = "password" size =100><br/>
            <!--onclick会弹出以个对话框并显示设置的文本-->
            <input type = "button" value = "按钮" onclick="alert('hello')"><br/>
            <input type = "radio" name = "gender">boy<!--要有相同的名字才能单选 checked 表示默认情况下选择这个选项-->
            <input type = "radio" name = "gender" checked>girl
            <textarea rows = "3" cols="20">这时一个文本框</textarea> <!--这时只要是俩个标签中的内容就是文本框中默认的内容，换行空格也是-->
            <input type = "submit" value = "提交"> <!--将对应的数据提交到设置的文件中-->        
        </form>
    
    </body>
    <body>
        <!--下拉菜单 select选择标签-->
        <select>
            <option value="wow">wowo</option>
            <option selected = "is chosen">coo</option>
            <option value="haol"> hh</option>
        </select>
    </body>
</html>

<!doctype = "html">
<html lang = "en">
    <head>
        <meta charset="utf-8">
        <title>div&&span</title>
    </head>
    <body>
        <!--div是独占一行大盒子 span 是其中的一个小盒子-->
        <div>
            <span>span1</span>
            <span>span2</span>
            <span>span3</span>
        </div>
        <div>
            <span>sspan1</span>
            <span>sspan2</span>
            <span>sspan3</span>
        </div>
        <div>
            <span>aoao</span>
            <span>aoao</span>
            <span>aoao</span>
        </div>
    </body>
</lang>




















<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>onclick 示例</title>  
</head>  
<body>  
    <h1 id="myText">点击按钮改变此文本</h1>  
    <button id="myButton">点击我</button>  

    <script>  
        document.getElementById('myButton').onclick = function() {  
            document.getElementById('myText').innerText = '文本已被改变!';  
        };  
    </script>  
</body>
</html>  